<template>
  <div class="status-container">
    <el-row :gutter="20">
      <el-col :span="4">
        <strategy-tree-list
          @strategy-info="getStrategyInfo"
        ></strategy-tree-list>
      </el-col>
      <el-col :span="20">
         <el-row>
          <strategy-info ref="strategyInfo"></strategy-info>
        </el-row>
        <el-row>
          <el-col>
            <material-info ref="materialInfo"></material-info>
          </el-col>
        </el-row>
      </el-col>
    </el-row>
  </div>
</template>

<script>
import StrategyTreeList from './components/strategyList'
import StrategyInfo from './components/strategyInfo'
import MaterialInfo from './components/materialList'

export default {
  name: 'StrategyDetailsManagement',
  components: { StrategyTreeList, MaterialInfo },
  components: { StrategyTreeList, MaterialInfo,StrategyInfo },
  data() {
    return {}
  },
  methods: {
    getStrategyInfo(data) {
      this.$refs['strategyInfo'].showPriceStrategyInfo(data)
      this.$refs['materialInfo'].showMateriaInfo(data)
    },
  },
}
</script>
